<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <style type="text/css">
        /*      body{
                  margin: 20px;
              }
              #father{
                  background-color: #A0c8ff;
                  border: 1px dashed #000000;
                  padding: 10px;
              }
              #block_one{
                  background: #fff0ac;
                  border: 1px dashed #0C0C0C;
                  padding: 10px;
                  position: relative;/* 设置定位方式为：relative
              }
              #block_two{
                  background: #fff0ac;
                  border: 1px dashed #0C0C0C;
                  padding: 10px;
                  position: absolute;/* 设置定位方式为：relative
                  top: 0px;
                  right: 0px;
              }
                #block_three{
                    background: #fff0ac;
                    border: 1px dashed #0C0C0C;
                    padding: 10px;
                    position: relative;/* 设置定位方式为：relative*/
        * {
            margin: 0;
            padding: 0;
        }

        .header {
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: navajowhite;
            position: fixed;
        }

        .header .logo {
            width: 20%;
            height: 100%;
            background-color: #f0ad4e;
        }

        .header .nav {
            float: right;
            width: 75%;
            height: 100%;
            background-color: #1E9FFF;
        }

        .header .nav ul {
            width: 100%;
            height: 100%;
            display: block;
        }
        .header .nav ul li {
            width: 96px;
            height: 100%;
            display: block;
            float: left;
        }
        .header .nav ul li a{
            color: white;
            width: 100%;
            height: 100%;
            display: block;
            text-align: center;
            text-decoration: none;
            line-height: 64px;
        }
        .header .nav ul li a:hover{
            transition: 0.5s;
            background-color: antiquewhite;
            border-radius: 16px;
        }
    </style>

</head>
<body>
<div class="header">
    <div class="logo">
        这是个logo
    </div>
    <div class="nav">
        <ul>
            <li><a href="#">首页</a> </li>
            <li><a href="#">首页</a> </li>
            <li><a href="#">首页</a> </li>
            <li><a href="#">首页</a> </li>
            <li><a href="#">首页</a> </li>
        </ul>
    </div>
</div>
</body>
</html>